<!DOCTYPE html>
<html lang="en">
    <head>
        <?php include(__DIR__ . '/../common/header.phtml'); ?>
        <style type="text/css">
            .b-a {
                border: 1px solid #eaeef1;
            }
            .b-a a i {font-size:36px;}
            .panel {
                border-radius: 2px;
            }
            .panel .h3 {margin:0;padding:0;margin-top:5px;}
        </style>
    </head>
    <body>
        <div class="wrapper">
            <?php include(__DIR__ . '/../common/menu.phtml'); ?>
            <div class="page-wrapper">
                <?php include(__DIR__ . '/../common/intro.phtml'); ?>
                <div class="page-content">
                    <div class="row"> <div class="col-sm-6"> 
                            <div class="panel b-a"> <div class="row m-n"> 
                                    <div class="col-md-6 b-b b-r"> 
                                        <a href="#" class="block padder-v hover"> 
                                            <span class="i-s i-s-2x pull-left m-r-sm"> 
                                                <i class="i i-hexagon2 i-s-base text-danger hover-rotate"></i> 
                                                <i class="i i-plus2 i-1x text-white"></i> 
                                            </span> 
                                            <span class="clear"> 
                                                <span class="h3 block m-t-xs text-danger">1,000</span> 
                                                <small class="text-muted text-u-c">今日IP数</small> 
                                            </span> </a> 
                                    </div> 
                                    <div class="col-md-6 b-b"> <a href="#" class="block padder-v hover"> 
                                            <span class="i-s i-s-2x pull-left m-r-sm"> 
                                                <i class="i i-hexagon2 i-s-base text-success-lt hover-rotate"></i> 
                                                <i class="i i-users2 i-sm text-white"></i> </span> 
                                            <span class="clear"> <span class="h3 block m-t-xs text-success">75%</span> 
                                                <small class="text-muted text-u-c">今日PV值</small> 
                                            </span> </a> 
                                    </div> 
                                    <div class="col-md-6 b-b b-r"> <a href="#" class="block padder-v hover"> 
                                            <span class="i-s i-s-2x pull-left m-r-sm"> 
                                                <i class="i i-hexagon2 i-s-base text-info hover-rotate"></i> 
                                                <i class="i i-location i-sm text-white"></i> </span> 
                                            <span class="clear"> 
                                                <span class="h3 block m-t-xs text-info">25</span> 
                                                <small class="text-muted text-u-c">当前在线</small> 
                                            </span> </a> 
                                    </div> 
                                    <div class="col-md-6 b-b"> 
                                        <a href="#" class="block padder-v hover"> 
                                            <span class="i-s i-s-2x pull-left m-r-sm"> 
                                                <i class="i i-hexagon2 i-s-base text-primary hover-rotate"></i> 
                                                <i class="i i-alarm i-sm text-white"></i> 
                                            </span> 
                                            <span class="clear"> <span class="h3 block m-t-xs text-primary">9:30</span> 
                                                <small class="text-muted text-u-c">Meeting</small> 
                                            </span> 
                                        </a> 
                                    </div> 
                                </div> 
                            </div> 
                        </div> 
                        <div class="col-md-3 col-sm-6"> 
                            <div class="panel b-a"> 
                                <div class="panel-heading no-border bg-primary lt text-center"> 
                                    <a href="#"> <i class="fui-user m-t m-b text-white"></i> </a> 
                                </div> 
                                <div class="padder-v text-center clearfix"> 
                                    <div class="col-xs-6 b-r"> 
                                        <div class="h3 font-bold">42k</div> 
                                        <small class="text-muted">百度蜘蛛</small> 
                                    </div> 
                                    <div class="col-xs-6"> 
                                        <div class="h3 font-bold">90</div> 
                                        <small class="text-muted">Feeds</small> 
                                    </div> 
                                </div> </div> </div> <div class="col-md-3 col-sm-6"> 
                            <div class="panel b-a"> 
                                <div class="panel-heading no-border bg-info lter text-center"> 
                                    <a href="#"> <i class="fui-calendar m-t m-b text-white"></i> </a> 
                                </div> <div class="padder-v text-center clearfix"> 
                                    <div class="col-xs-6 b-r"> 
                                        <div class="h3 font-bold">27k</div> 
                                        <small class="text-muted">Tweets</small> 
                                    </div> 
                                    <div class="col-xs-6"> 
                                        <div class="h3 font-bold">15k</div> 
                                        <small class="text-muted">Followers</small> 
                                    </div> 
                                </div> 
                            </div> </div> 

                    </div>

                    <div class="row">
                        <div class="col-md-12 dker"> <section> 
                                <header class="font-bold padder-v"> <div class="pull-right"> <div class="btn-group"> <button data-toggle="dropdown" class="btn btn-sm btn-rounded btn-default dropdown-toggle"> <span class="dropdown-label">Week</span> <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-select"> <li><a href="#"><input type="radio" name="b">Month</a></li> <li><a href="#"><input type="radio" name="b">Week</a></li> <li><a href="#"><input type="radio" name="b">Day</a></li> </ul> </div> <a href="#" class="btn btn-default btn-icon btn-rounded btn-sm">Go</a> </div> 统计 </header> <div class="panel-body"> <div id="flot-sp1ine" style="height: 210px; padding: 0px; position: relative;"><canvas class="flot-base" width="454" height="210" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 454px; height: 210px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 12px; text-align: center;">0.0</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 77px; text-align: center;">2.5</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 143px; text-align: center;">5.0</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 209px; text-align: center;">7.5</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 272px; text-align: center;">10.0</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 338px; text-align: center;">12.5</div><div class="flot-tick-label tickLabel" style="position: absolute; max-width: 56px; top: 191px; left: 404px; text-align: center;">15.0</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div class="flot-tick-label tickLabel" style="position: absolute; top: 177px; left: 8px; text-align: right;">0</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 148px; left: 1px; text-align: right;">10</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 118px; left: 1px; text-align: right;">20</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 89px; left: 1px; text-align: right;">30</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 59px; left: 1px; text-align: right;">40</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 30px; left: 1px; text-align: right;">50</div><div class="flot-tick-label tickLabel" style="position: absolute; top: 0px; left: 1px; text-align: right;">60</div></div></div><canvas class="flot-overlay" width="454" height="210" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 454px; height: 210px;"></canvas></div> </div> <div class="row text-center no-gutter"> <div class="col-xs-3"> <span class="h4 font-bold m-t block">5,860</span> <small class="text-muted m-b block">Orders</small> </div> <div class="col-xs-3"> <span class="h4 font-bold m-t block">10,450</span> <small class="text-muted m-b block">Sellings</small> </div> <div class="col-xs-3"> <span class="h4 font-bold m-t block">21,230</span> <small class="text-muted m-b block">Items</small> </div> <div class="col-xs-3"> <span class="h4 font-bold m-t block">7,230</span> <small class="text-muted m-b block">Customers</small> </div> </div> </section> </div>
                    </div>
                </div>
            </div>
        </div>
        <?php include(__DIR__ . '/../common/footer.phtml'); ?>

    </body>
</html>